// atwho.css https://github.com/ichord/At.js
.atwho-view {
    // position:absolute;
    // top: 0;
    // left: 0;
    // display: none;
    // margin-top: 18px;
    // background: white;
    color: black;
    // border: 1px solid #DDD;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    min-width: 120px;
    z-index: 11110 !important;
}
.atwho-ul {
    /* width: 100px; */
    list-style:none;
    // padding:0;
    // margin:auto;
    // max-height: 200px;
    // overflow-y: auto;
}
.atwho-li {
    display: block;
    // padding: 5px 10px;
    // border-bottom: 1px solid #DDD;
    // cursor: pointer;
    /* border-top: 1px solid #C8C8C8; */
}

////// added 1
.atwho-view {
  // font-size: 14px;
  // min-width: 140px;
  // max-width: 180px;
  border-radius: 6px;
  // overflow: hidden;
  box-shadow: 0 0 10px 0 rgba(101, 111, 122, .5);
}
.atwho-ul {
  max-height: 135px;
  padding: 0;
  margin: 0;
}
.atwho-li {
  box-sizing: border-box;
  height: 27px;
  padding: 0 12px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  span {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.atwho-cur {
  // background: #44a8f2;
  background: #5BB8FF;
  color: white;
}

////// added 2
.atwho-wrap {
  position: relative;
}
.atwho-panel {
  position: absolute;
}
.atwho-inner {
  position: relative;
}
.atwho-view {
  position: absolute;
  bottom: 0;
  left: -0.8em; // 抵消左边距
  cursor: default;
  background-color: rgba(255,255,255,.94);
  min-width: 140px;
  max-width: 180px;
  max-height: 200px;
  overflow-y: auto;
  &::-webkit-scrollbar {
    width: 11px;
    height: 11px;
  }
  &::-webkit-scrollbar-track {
    // background-color: rgba(127, 127, 127, .1);
    background-color: #F5F5F5;
  }
  &::-webkit-scrollbar-thumb {
    min-height: 36px;
    border: 2px solid transparent;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    background-clip: padding-box;
    border-radius: 7px;
    // background-color: rgba(0, 0, 0, 0.2);
    background-color: #C4C4C4;
  }
}
